<style scoped lang="less">
  .neo-page-title{
    font-size: 2.5rem;
    color:#fff;
    margin:1.5rem 0;
  }
.neo-block-list{
  color:#fff;
  border-bottom: 1px solid #fff;
}
</style>
<template>
  <div class="blockIndex container">
    <h2 class="text-center neo-page-title">
      {{$t('slider.block.name')}}
    </h2>
    <b-table class="neo-block-list " :fields="fields" :items="items">
      <template slot="height" slot-scope="data">
        <a href="#" style="color:#84c033">
          {{data.value}}
        </a>
      </template>
    </b-table>
    <b-pagination align="center" :total-rows="100" v-model="currentPage" :per-page="10">
    </b-pagination>
  </div>
</template>
<script>
    export default {
      data(){
        return {
          items:[
            {height:'56272',transactions:9,size:1203,time:'2017-05-21 17:50:30'},
            {height:'56272',transactions:9,size:1203,time:'2017-05-21 17:50:30'},
            {height:'56272',transactions:9,size:1203,time:'2017-05-21 17:50:30'},
            {height:'56272',transactions:9,size:1203,time:'2017-05-21 17:50:30'},
          ],
          currentPage:1
        }
      },
      computed:{
        fields(){
          return  [
            {
              key:'height',
              label:this.$t('block.height')
            },
            {
              key:'transactions',
              label:this.$t('block.transactions')
            },
            {
              key:'size',
              label:`${this.$t('block.size')}(${this.$t('block.byte')})`
            },
            {
              key: 'time',
              label:this.$t('block.time'),
              formatter: (value, key, item) => {
                return value
              }
            }
          ]
        }
      },
    };
</script>
